import Layout from '@/layout/index.vue'

export default {
  path: '/employees',
  component: Layout,
  name: 'employees',

  children: [

    // 按需加载
    {
      path: 'print/:id', // 二级默认路由
      component: () => import('@/views/employees/print'), // 按需加载
      hidden: true,
      meta: {
        title: '打印', // 标记当前路由规则的中文名称 后续在做左侧菜单时 使用
        icon: 'people'
      }
    },

    {
      path: '',
      component: () => import ('@/views/employees/index.vue'),
      name: 'employees',
      // 路由元信息  其实就是存储数据的对象 我们可以在这里放置一些信息
      meta: {
        icon: 'people',
        title: '员工管理' // meta属性的里面的属性 随意定义 但是这里为什么要用title呢， 因为左侧导航会读取我们的路由里的meta里面的title作为显示菜单名称
      }
    },

    {
      path: 'detail/:id', // query传参 动态路由传参
      component: () => import('@/views/employees/detail'),
      hidden: true, // 不在左侧菜单显示
      meta: {
        title: '员工详情' // 标记当前路由规则的中文名称 后续在做左侧菜单时 使用
      }
    }
  ]
}
